@charset "utf-8";
* {font-family: "microsoft yahei", "PingFang SC", arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;margin: 0;padding: 0;}
body {width: 100%; height: 100%; overflow-x: hidden;margin: 0 auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin: 0; padding: 0;}
p{line-height: 26px;}
a{color: #333;}
a:hover{color: #08148e;}
.top_top{
	height: 48px;
	width: 1200px;
	margin: 0 auto;
}
.top_left{
	float: left;
	width: 540px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #646464;
}
.top_right{
	float: right;
	width: 508px;
	height: 48px;
}
.top_right_1{
	float: left;
	line-height: 48px;
	font-size: 14px;
	color: #646464;
	padding-left: 10px;
	height: 48px;
	width: 121px;
	border-left: solid 1px #eaeaea;
	text-align: left ;
	text-indent: 20px;
	background: url("../images/index_03.jpg") no-repeat 10px center;
}
.top_right_2{
	float: left;
	line-height: 48px;
	font-size: 14px;
	color: #646464;
	padding-left: 10px;
	height: 48px;
	width: 123px;
	border-left: solid 1px #eaeaea;
	text-align: left ;
	text-indent: 20px;
	background:url(../images/index_05.jpg) 10px   center no-repeat;
}
.fullSlide{min-width:1200px;position:relative;height:660px;}
            .fullSlide .bd{position:relative;z-index:0;}
            .fullSlide .bd ul{width:100%!important;}
            .fullSlide .bd li{width:1920px !important;height:660px;overflow:hidden;text-align:center; left: 50% !important; margin-left: -960px;}
            .fullSlide .bd li a{display:block;height:660px; }
            .fullSlide .hd{width:auto;right:50%;height:83px; margin-right:-600px;position:absolute;z-index:8;bottom:0px;overflow:hidden;}
            .fullSlide .hd ul{padding-top: 27px;}
            .fullSlide .hd ul li{border-radius: 6px;float:left;height:11px; width: 11px; background: #bebebe; display:inline-block;cursor:pointer; margin-right: 15px;}
            .fullSlide .hd ul .on{background: #e62129;}
.top_right_3{
	float: left;
	line-height: 48px;
	font-size: 14px;
	color: #646464;
	padding-left: 10px;
	height: 48px;
	width: 120px;
	border-left: solid 1px #eaeaea;
	text-align: left ;
	text-indent: 20px;
	background: url(../images/index_07.jpg)no-repeat 10px center;
}
.top_right_4{padding-left: 8px;
	height: 48px;
	width: 90px;
	float: left;
	border-left: solid 1px #eaeaea;
}
.swiper-slide img{ width: 1920px; height: 656px; position: absolute; left: 50%; margin-left: -960px;}
.yuan_1{
	float: left;
	line-height: 32px;
	text-align: center;
	height: 32px;
	width: 32px;;
	border-radius: 16px;
	background:#08148e;
	margin-top: 10px;
	color: #ffffff; margin-left: 20px;
}
.yuan_2{
	float: right;
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	background: #ffffff;
	margin-top: 10px;
	color: #08148e;
	border: solid #e4e4e4 1px;
	transform: translateX(10PX);
}
.xian1{
	position: absolute;
	top: 49px;left: 0px;
	width: 100%;
	height: 1px;
	background: #eaeaea;
}
.xian2{position: absolute;
	top: 160px;left: 0px;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	z-index: 0;
}
img {
	border: none;
}
ul,
li {
	list-style: none;
}
a {
	/*color: #EF2840;*/
	text-decoration: none;
}
.w1200 {
	width: 1200px; height: 100%;
	margin: 0 auto;
	position: relative;
}
.clear,
.clearfix {
	clear: both;
}
#to_Top {
	color: #fff;
	position: fixed;
	bottom: 10px;
	right: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #555 url(../images/totop.png) no-repeat center;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	display: none;
	transition: .3s;
}
.floatLeft {
	float: left;
}
/*header star*/
.header {
	width: 1200px; margin: 0 auto;
	height: 228px;
	background: url(../images/top_bj_01.png) no-repeat center;
	z-index: 9;
}
.h_top { width: 1200px; float: left;height: 112px;
}
.logo {
	float: left;
	width: 264px;
	height: 62px;
	margin: 24px 0px 0px 0px;
}
.Locus {
	float: left;
	margin: 34px 10px 10px 40px;
}
.Locus b {
	display: block;
	color: #2e2d2d;
	font-size:16px;
}
.Locus i {
	display: block;
	font-size: 16px;
	color: #2e2d2d;
}
.h_tel {
	float: right;
	margin: 30px 0 0 0;
}
.h_tel i {
	display: block;
	font-size: 14px;
	color: #777;
	font-style: normal;
}
.h_tel i:before {
	content: '-';
	display: block;
	float: left;
	margin-right: 10px;
}
.h_tel b {
	display: block;
	font-size: 30px;
	color: #1575EB;
}
/*header end*/
/*nav star*/
.navsea ul{ width: 100%; height: 100%; float: left;
padding-left:0px;}
.navsea {
	width: 1200px;float: left;
	height: 60px;
	padding-top: 4px;
}
.navLi {
	float: left;
	height: 60px;
	margin-top: 0px;
}
.navLiA {
	font-size: 17px;
	color: #444444;
	line-height: 60px;
	height: 60px;
	text-decoration: none;
	margin: 0 10px;
	display: block;
}
.nav span {
	float: left;
	display: block;
	width: 1px;
	height: 18px;
	background: #ccc;
	margin: 21px 45px;
}
.nav span:last-child {
	display: none;
}
.navLiA:hover:after {
	opacity: 1;
}
.navLiA:hover {
	color: #08148e; font-weight: bold;
}
.navLiAOn:after {
	opacity: 1;
}
.navLiAOn {
	color: #1575EB;
}
/*nav end*/
/*banner star*/
.banner_big {
	width: 100%;
	height: 656px;
	position: relative;
	overflow: hidden;
	top: 0px;
}
.swiper-container-banner {
	width: 100%;
}
.swiper-container-banner .swiper-pagination-bullet {
	width: 52px;
	height: 3px;
	margin: 0 10px !important;
	background: #999;
	transition: .3s;
}
.swiper-container-banner .swiper-pagination-bullet-active {
	background: #08148e;
}
.swiper-button-prev-banner {
	width: 43px;
	height: 61px;
	position: absolute;
	left: 60px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	transition: .3s;
}
.swiper-container-banner:hover .swiper-button-prev-banner {
	opacity: 1;
	left: 50px;
}
.swiper-button-prev-banner:before {
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #999;
	transform: skew(-30deg) translate(16.1px, 0.6px);
}
.swiper-button-prev-banner:after {
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #999;
	transform: skew(30deg) translate(16px, 0px);
}
.swiper-button-next-banner {
	width: 43px;
	height: 61px;
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%) rotateZ(180deg);
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	transition: .3s;
}
.swiper-container-banner:hover .swiper-button-next-banner {
	opacity: 1;
	right: 50px;
}
.swiper-button-next-banner:before {
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #999;
	transform: skew(-30deg) translate(17px, 1px);
}
.swiper-button-next-banner:after {
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #999;
	transform: skew(30deg) translate(16px, 1px);
}
.swiper-pagination-banner {
	text-align: center;
	position: absolute;
	bottom: 45px !important;
	z-index: 11;
}
/*banner end*/
/*ss star*/
.search_div {
	width: 100%;
	height: 80px;
	margin-top: 8px;
}
.searchBox {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
	position: relative;
	padding: 25px 350px 20px 100px;
}
.searchBox a {
	padding: 5px 10px;
	font-size: 17px;
	color: #484747;
	z-index: 10;
}
.searchBox a:hover {
	text-decoration: underline;
}
.searchBox:after {
	display: block;
	content: '';
	height: 0;
	width: 100%;
	background: #ccc;
	position: absolute;
	bottom: -30px;
}
.searchWord {
	width: 600px;
	float: left;
	font-size: 12px;
	font-family: "宋体";
	color: #333;
	padding-left: 110px;
	padding-top: 40px;
	box-sizing: border-box;
	position: relative;
	text-align: justify;
}
.searchWordL {
	position: absolute;
	left: 0px;
	top: 22px; line-height: 30px;
	transform: translateY(0%);
	text-align: left;
	background: url(../images/index_19.jpg) no-repeat 0px center;
	padding-left: 46px;
}
.searchWordL p:nth-child(1) {
	font-size: 14px;
	color: #333;
	float: left;
	margin-top: 2px;
}
.searchWordR {
	width: 320px;
	position: absolute;
	right: 0;
	top: 40px;
	transform: translateY(0%);
}
.searchWordRTel {
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translate(0, -50%);
	padding-left: 40px;
	background: url(../images/tel2.png) no-repeat left center;
	letter-spacing: 2px;
}
.searchWordRTel p {
	font-size: 24px;
	color: #ea788f;
	font-family: arial;
	font-weight: bold;
	transform: translateY(-3px);
}
.searchWordRTel p {
	color: #555;
	font-size: 15px;
}
.searchWord span {
	position: absolute;
	left: 0;
	top: 40px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
}
.searchWord a {
	color: #333;
	margin-right: 10px;
	font-size: 14px;
}
.searchWord a:hover {
	text-decoration: underline;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
/**/
.search {
	float: right;
	width: 250px;
	height: 40px;
	/* background: #fafafa; */
	position: absolute;
	right: 0;
	top: 18px;
}
.select {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	border-right: none;
}
.search .search_tow {
	width: 100%;
	height: 40px;
	padding-right: 80px;
	padding-left: 10px;
	margin-top: 0px;
	box-sizing: border-box;
	font-size: 13px;
	letter-spacing: 1px;
	background: rgba(0, 0, 0, 0);
	color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0);
	/* border-bottom: 1px solid #999; */
	position: relative;
	line-height: 40px;
	background:url(../images/index_16.jpg);
}
.search .search_button {
	font-size: 18px;
	border: 0;
	color: #ffffff;
	width: 50px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}
.search .search_tow:focus {
	outline: #ccc;
}
.SearchType {
	background: rgba(0, 0, 0, 0);
}
#SearchType {
	width: 60px;
	height: 40px;
	border: none;
	padding-left: 10px;
	/* background: #fafafa; */
}
.search .search_tow::-moz-placeholder {
	color: #666;
}
.search .search_tow::-ms-input-placeholder {
	color: #666;
}
.search .search_tow::-webkit-input-placeholder {
	color: #666;
}
.searchIco {
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 40px;
}
.searchIco button{ width: 100%; height: 100%; display: block; border: none; cursor: pointer; background: none;}
.searchBox a:hover {
	color: #08148e;
}
/*搜索结束*/
/*搜索联系开始*/
.findTel {
	width: 1100px;
	height: 100px;
	margin: 50px auto;
	border-bottom: 1px solid #999;
}
.findTelL {
	float: left;
	width: 550px;
	height: 100%;
	margin-left: 110px;
}
.ftimg {
	width: 58px;
	height: 100%;
	float: left;
	margin-right: 20px;
}
.ftcont1 {
	width: 470px;
	height: 100%;
	float: left;
}
.ftcont1 p:nth-child(1) {
	font-size: 24px;
	color: #333;
}
.ftcont1 p:nth-child(2) {
	font-size: 14px;
	color: #333;
	margin-top: 5px;
}
.findTelR {
	float: left;
	width: 300px;
	height: 100%;
	margin-left: 40px;
}
.ft2p1 {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.ft2p2 {
	font-size: 24px;
	font-family: arial;
}
/*ss end*/
/*网站地图开始*/
.mapUl {
	margin: 20px;
	border-bottom: 1px dashed #D9D9D9;
}
.mapUlP {
	line-height: 28px;
	text-indent: 2em;
	font-size: 16px;
	margin-left: -32px;
	margin-bottom: 5px;
	color: #666;
}
.mapUlP a {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.mapUlP:hover {
	color: #5B9C34;
}
.mapUl .mapLi {
	color: #666;
}
.mapUl .mapLi:after {
	content: " ";
	margin-left: 20px;
}
.mapUl .mapLi:first-child:after {
	content: " ";
	margin-left: 0px;
}
.mapLi:hover {
	color: #5B9C34;
}
/*.on {
	background: #5B9C34;
}*/
.topTop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: red;
	font-weight: bold;
	text-align: center;
}
/*sitemap end*/
.caseOneTilte {
	text-align: center;
}
/*footer star*/
.foot {
	width: 100%; float: left;
	height: 413px;
	background: #2a2b35;
}
.f_b{
width: 1200px;
height: 114px;
border-bottom: solid 1px #373844;
}
.f_b_1{
	width: 322px;
	height: 114px;
	float: left;
}
.f_b_11{
	position: absolute;
	top: 48px;
	left: 0px;}
.f_b_12{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top: 80px;
	left: 0px;
}
.f_b_2{
	width: 878px;
	height: 114px; line-height: 114px;color: #fff; text-align: right;
	float: left;
	overflow: hidden;
}
.f_b_2 p{line-height: 114px;}
.f_b_2 a{ 
	font-size: 15px;
	color: #ffffff;	}
.f_b_2 a:hover{font-weight: bold;}
.s_b{
	width: 1200px;
	height: 192px;
	position: relative;
}
.s_b_1{width: 600px;
	height: 192px;
	float: left;
}
.s_b_1 p{
	font-size: 14px;
	color: #cfcfd1;
	margin-top: 35px;
}
.s_b_1 p b{
	font-size: 18px;
}
.s_b_2{width: 600px;
	height: 192px;
	position: relative;
	float: left;
}
.s_b_21{width: 116px;
	height: 116px;
	position: absolute;
	top: 47px;
	right: 1px;
}
.s_b_21 img{width: 116px;}

.s_b_22{width: 133px;
	height: 40px;
	position: absolute;
	top: 48px;
	right: 146px;
}
.s_b_23{color: #ffffff;
	font-size: 14px;
	width: 72px;
	height: 12px;
	position: absolute;
	right: 23px;
	bottom: 2px;
}
.s_b_24{color: #ffffff;
	font-size: 16px;
	width: 119px;
	height: 15px;
	position: absolute;
	right: 146px;
	top: 115px;
}
.s_b_25{color: #ffffff;
	font-size: 30px;
	width: 227px;
	height: 24px;
	position: absolute;
	right: 145px;
	top: 138px;
}
.t_b{width: 1200px;
	height: 106px;
	position: relative;
}
.t_b_1{
	width: 100%;
	height: 12px;
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	left: 197px;
	bottom: 39px;
}
.t_b_1 a{color: #fff;}
.f_nav {
	width: 900px;
	height: 60px;
	border-bottom: solid 1px #1a3c64;
	padding: 0 150px;
}
.f_nav a {
	display: block;
	float: left;
	margin: 0 27px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
}
.f_nav a:hover {
	text-decoration: underline;
}
.f_name {
	margin: 30px 0;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.f_add {
	margin: 22px 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.f_con {
	margin: 22px 0;
	width: 600px;
	height: 20px;
	padding: 0 300px;
}
.f_con b {
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	margin: 0 36px;
	float: left;
}
.foo_copy {
	width: 1200px;
	text-align: center;
	font-size: 14px;
	color: #eee;
	margin: 24px 0 40px;
}
.foo_copy a {
	font-size: 14px;
	color: #eee;
}
.foo_copy a:hover {
	text-decoration: underline;
	color: #fff;
}
.ewm {
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 150px;
	background: #fff;
	margin: 0 auto;
}
.ewm img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*footer end*/
/*about.html*/
.about_z{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	 min-height: 400px;
}
.about_z_1{
	width: 1200px;
	height: 62px;
	margin-top: 40px;
	border-bottom: 1px solid #ddd;
}
.about_z_1 span{
	width: 224px;color: #08148e;
	height: 71px;
	display: block;
	text-align: center;
	margin: 0px auto;
	font-size: 32px;
	font-weight: bold;
}
.about_z_2{
	width: 1200px;
	height: auto;
	font-size: 14px;
}
.about_z_2_a{
	width: 1200px;
	height: auto;
	font-size: 14px;
}
.about_z_2 ul{
	margin-top: 34px;
	text-align: center;
}
.about_z_2 .act a{
	color: #fff;background: #08148e;
}
.about_z_2 ul li{
	display: inline-block;
}
.about_z_2 ul li a{ background: #eee;
	color: #333; font-size: 16px; width:auto; height: 100%;
	float: left;
	padding: 10px 26px;
}
.about_z_2 ul li a:hover{color: #fff;background: #08148e;}
.about_z_3{ padding-bottom: 30px; float: left;
	width: 1200px;
	height: auto;
	margin-top: 35px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	box-sizing: border-box;
}
.about_z_3 ul li{
	display: inline-block;
}
.about_z_3 ul li a{
	float: left;
}
.details{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
}
.news_list{
	width: 1200px;
	margin: 20px auto;
	box-sizing: border-box;
}
.news_list li{
	width: 1170px;
	height: 190px;
	padding: 20px 24px;
	background: #ffffff;
	box-sizing: border-box;
	transition: .4s;
	border: solid 5px #fafafa;
	margin: 20px auto;
}
.news_r{
	width: 900px;
	height: auto;
	margin: 0px auto;
}
.news_list_date{
	width: 900px;
	font-size: 12px;
	color: #adadad;
	float: left;
}
.news_list_title{
	font-size: 16px;
	height: 50px;
	width: 900px;
	float: left;
}
.news_list_title a{
	color:#333;
	font-weight: 600;
	letter-spacing: 1px;
	width: 900px;
	line-height: 50px;
}
.news_list_breviary{
	font-size: 14px;
	float: left;
	color: #666;
	height: 82px;
	width: 1110px;
}
.news_list li:hover{
   border: solid 5px #08148e; color: #08148e;
}
.news_list li:hover
.news_list_title a{
	color: #08148e;
}
.details_title{
	text-align: center;
}
.details_title h1{
	margin-top: 10px;
	font-size: 20px;
	letter-spacing: 2px;
	display: block;
}
.details_title p{
	font-size: 14px;
	color: #666;
	margin: 10px 0px;
	display: block;
}
.details_cont{
	color: #666;
	font-size: 15px;
	line-height: 28px;
	text-align: justify;
	margin: 20px auto;
}
.details .page{
	font-size: 14px;
	height: 40px;
	color: #666;
	margin-top: 60px;
}
.details .page
p:first-child{
	float: left;
	margin-left: 50px;
}
.details .page 
p:last-child{
	float: right;
	margin-right: 50px;
}
.details .page p{
	position: relative;
	padding-left: 60px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.details .page p span{
	position: absolute;
	left: 0px;
	top: 0px;
}
.details .page a{
	color: #666;
}
.details:after{
	content:'';
	display: block;
	clear: both;
}
.recommend_title{
	font-weight: bold;
	font-size: 16px;
	color: #1575EB;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
	margin: 20px auto;
}
.recommend_product{
	width: 100%;
	height: 310px;
}
.recommend_product .bb{
	width: 100%;
	height: 100%;
	overflow: hidden;	
}
.recommend_news{
	margin: 10px auto;
	box-sizing: border-box;
	padding: 10px;
}		
.recommend_news::after{
	content: '';
	display: block;
	clear: both;
}		
.hot_label{
	padding: 20px 0px;
	width: 100%;
	color: #1575EB;
}
.hot_label .hot_label_box{width: 1200px;
	margin: 0px auto;
	font-weight: bold;
	font-size: 16px;
}
.hot_label .hot_label_box a{
	color: #1575EB;
}
.product_z{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	 min-height: 400px;
}
.product_z_1{
	width: 1200px;
	height: 92px;
	margin-top: 40px;
	border-bottom: 1px dashed #ccc;
}
.product_z_1 span{
	width: 224px;
	height: 71px;
	display: block;
	text-align: center;
	margin: 0px auto;
	font-size: 24px;
	font-weight: bold;
}
.product_z_2{
	width: 1200px;
	height: 19px;
	font-size: 14px;
}
.product_z_2 ul{
	margin-top: 24px;
	text-align: center;
}
.product_z_2 .ton{
	color: #333;
	padding: 8px 10px;
	margin: 0px 10px;
}
.product_z_2 a:hover{
	color: #1575EB;
	border-bottom: 1px solid #1575EB;
	border-radius: 6px;
}
.product_z_2 ul li{
	display: inline-block;
}
.product_z_2 ul li a{
	color: #333;
	float: left;
	padding: 8px 10px;
	margin: 0px 10px;
}
.product_z_3{
	width: 1200px;
	height: 30px;
	margin-top: 60px;
	padding: 0px 0px 10px 20px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	box-sizing: border-box;
}
.product_z_3 ul li{
	display: inline-block;
}
.product_z_3 ul li a{
	color: #333;
	float: left;
}
.product_z_3 ul li a:hover{
	color: #1575EB;
}
.product_list{
	margin-top: 40px;
	color: #333;
	font-size: 14px;
}
.product_list li{
	width: 330px;
	height: 450px;
	float: left;
	text-align: center;
	margin: 0px 30px 40px 30px;
	position: relative;
	color: #333;
	transition: .3s;
	border: solid 5px #eee;
}
.product_list li div{
	width: 330px;
	height: 370px;
	overflow: hidden;
	margin: 5px auto 22px;
	position: relative;
	border-radius: 10px;
	display: block;
}
.product_list li div img{
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border: none;
}
.product_list li p{
	padding: 0px 10px;
	color: #666;
}
.details_pro{
	width: 1200px;
	margin: 40px auto;
	font-size: 14px;
	line-height: 24px;
}
.details_pro_title{
	text-align: center;
}
.details_pro_title h1{
	margin-top: 10px;
	font-size: 20px;
	letter-spacing: 2px;
	display: block;
}
.details_pro_title p{
	font-size: 14px;
	color: #666;
	margin: 10px 0px;
	display: block;
}
.product_pic{
	width: 960px;
	margin: 20px auto;
	position: relative;
}
.product_pic .prev{
	width: 43px;
	height: 61px;
	position: absolute;
	left: 60px;
	top: 44%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.product_pic .prev::before{
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #1575EB;
	transform: skew(-30deg) translate(16.1px,0.6px);
}
.product_pic .prev::after{
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #1575EB;
	transform: skew(30deg) translate(16px,0px);
}
.product_pic .next{
	width: 43px;
	height: 61px;
	position: absolute;
	right: 60px;
	top: 44%;
	transform: translateY(-50%) rotateZ(180deg);
	z-index: 10;
	cursor: pointer;
}
.product_pic .next::before{
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #1575EB;
	transform: skew(-30deg) translate(17px,1px);
}
.product_pic .next::after{
	content: '';
	display: block;
	width: 6px;
	height: 30px;
	background: #1575EB;
	transform: skew(30deg) translate(16px,1px);
}
.product_pic .bb{
	width: 600px;
	height: 371px;
	overflow: hidden;
	margin: 0px auto;
	border: 1px solid #ddd;
}
.product_pic .bb li{
	width: 600px;
	height: 371px;
	overflow: hidden;
	position: relative;
	float: left;
}
.product_pic .hb{
	overflow: hidden;
	margin: 10px auto;
}
.product_pic .hb li{
	width: 90px;
	height: 100%;
	float: left;
	margin-right: 6px;
}
.product_pic .hb li on{
	background: none;
}
.product_pic .hb li img{
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.product_pic .hb li on img{
	border-color: #1575EB;
}
.product_content{
	margin: 40px auto;
}
.product_ny{
	width: 100%;
}
.product_ny_a{
	cursor: pointer;
	width: 100px;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
.product_ny .product_ny_aon{
	color: #fff;
	background: #1575EB;
}
.product_ny_tel{
	margin-bottom: 10px;
	float: right;
}
.product_ny_tel a{
	display: block;
	width: 100px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	background: #1575EB;
	float: left;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.product_ny_tel span{
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 20px;
}
.product_ny_box{
	padding-top: 30px;
}
.product_ny_box,.product_ny_box li{
	list-style-type: disc !important;
}
.product_ny_box_lion{
	display: block;
}
.product_ny_box_li{
	width: 100%;
	color: #666;
}
.product_ny_box p{
	margin-bottom: 10px;
}
.details_pro .page{
	font-size: 14px;
	height: 40px;
	color: #666;
	margin-top: 60px;
}
.details_pro .page
p:first-child{
	float: left;
	margin-left: 50px;
}
.details_pro .page 
p:last-child{
	float: right;
	margin-right: 50px;
}
.details_pro .page p{
	position: relative;
	padding-left: 60px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.details_pro .page p span{
	position: absolute;
	left: 0px;
	top: 0px;
}
.details_pro .page a{
	color: #666;
}
.details_pro:after{
	content:'';
	display: block;
	clear: both;
}
/*留言*/
.company0 { width: 100%; height: 480px; float: left; }
.company0 .pic { height: 420px; padding-top: 52px; float: left; }
.company0 .pic img {width: 100%; display: block;  height: 58px;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.company0 .pic img.first { margin-bottom: 45px; }
.company01 { width: 1200px; margin: auto; padding: 60px 0 70px; text-align: center; overflow: hidden; }
.company01 li { float: left; width: 256px; height: 280px; background: #f1f1f1; overflow: hidden; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
.company01 li:nth-of-type(even) { background: #f9f9f9; }
.company01 li div { position: relative; width: 120px; height: 120px; margin: 60px auto 45px; border-radius: 50%; background-color: #fff; }
.company01 li div:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); }
.company01 li em { position: absolute; top: 0; left: 0; }
.company01 li .act { opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
.company01 li p { font-size: 24px; }
.company01 li:hover { background: #0061ae; }
.company01 li:hover div:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
.company01 li:hover .act { opacity: 1; }
.company01 li:hover p { color: #fff; }
.company02 { width: 1200px; margin: auto; padding: 34px 0; overflow: hidden; margin-top: 30px; }
.company02 ul { position: relative; left: 0px; width: 1280px; overflow: hidden; text-align: center; }
.company02 ul li { float: left; width: 299px; margin: 0px 0px 30px; }
.company02 ul li picture { width: 300px; background: #f8f8f8; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
.company02 ul li picture:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.company02 ul li picture img { width: 86%;}
.form-group{width:620px; height: auto; float: left; clear: both;margin-bottom: 19px;}
.form-group .mb-2{ clear: none; border: none; color: #fff; font-size: 16px;float: left;width: 508px;height: 54px;background: #555;padding: 0;cursor: pointer;margin-left: 62px;}
.form-group .mb-2:hover{ background: #08148e; color: #fff;}
.form-group .form-control{width: 500px; height: 50px;padding: 4px; color: #666; background: #eee; border: none;text-indent: 20px;}
.form-group .col-6{width: 254px; height: 58px; float: left;cursor: pointer;}
.form-group #content{width: 500px; height: 100px;padding: 4px; font-size: 14px;}
.form-group .col-6 .form-control{width: 242px; height: 50px;padding: 4px;}
.form-group .input-text, input.input-file, input.code, textarea{}
.form-group .row{ width: 570px;}
.form-group label{width: 62px; height: 50px; line-height: 50px; float: left; color: #555; font-size: 15px;}
.liuyan_peiimg{ width: 520px; height: 418px; float: right; margin-top: 21px; background: url(../images/liuyan_peiimg.jpg) no-repeat;}
/*分页*/
.pagination { width: 1200px; margin-top: 20px; text-align: right; float: left; margin-bottom: 10px; }
.pagination.tl { text-align: left; }
.pagination.tc { text-align: center; }
.pagination .prev, .pagination .next { font-family: '微软雅黑'; }
.pagination.tc a { border: 1px solid #ccc; }
.pagination a { display: inline-block; width: auto; padding: 0 15px; height: 36px; margin: 0 2px; background: #e5e5e5; color: #999; line-height: 36px; font-size: 14px; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
.pagination a:hover, .pagination a.act { background: #08148e; color: #fff; }
.pagination a:hover, .pagination a.page-num-current{ background: #08148e; color: #fff; }
/*分页*/
.about_z_3 .title h2{text-align: center;}
.about_z_3 .title h1 {
  font-size: 22px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 16px;
}
.about_z_3 .title .share {
  width: auto; margin-left: 358px;
  height: 24px;
}
.about_z_3 .title .share p {
  float: left;
  overflow: hidden;
  margin-top: 4px;
}
.about_z_3 .title .share p span {
  display: block;
  font-size: 12px;
  color: #999999;
  padding: 0 8px;
  border-left: 1px dotted #ddd;
  float: left;
}
.about_z_3 .title .share p span a{ color: #999;}
.about_z_3 .title .share p span:first-child {
  padding-left: 0;
  border-left: none;
}
.about_z_3 .title .share p span #cntrHits {
  float: right;
}
.about_z_3 .title .share ul {
  float: right;
}
.about_z_3 .title .share li {
  margin-left: 7px;
  width: 24px;
  height: 24px;
  float: left;
}
.about_z_3 .title .share li img {
  display: block;
}
.about_z_3 .title i {
  width: 100%;
  display: block;
  height: 1px;
  background: #e7e7e7;
  margin-top: 18px;
}
.about_z_3 .title p.label {
  font-size: 12px;
  color: #999999;
  display: block;
  padding-left: 26px;
  background: url(../images/newslist_icon03_1.png) no-repeat left center;
  line-height: 16px;
  margin-top: 24px;
}
.about_z_3 .chanpin{height: auto; margin-top: 0px;}
.about_z_3 .chanpin .bd{height: auto; margin-top: 0px;} 
.about_z_3 .bd ul{height:auto !important;}
.zhan_xian{ width:1200px; height: auto; min-height: 300px; float: left; margin-bottom: 40px;}
/*产品详情*/
.xiangqing_left{ width: 700px; height: 575px; float: left; border: 2px solid #eee;}
.xiangqing_right{width: 440px; height: auto; min-height: 575px; float: right; }
.xiangqing_bottom{width: 1200px; height: auto; float: left; margin-top: 45px; line-height: 28px;word-wrap: break-word; border-top: 1px solid #eee; padding-top: 30px;}
.xiangqing_fanye{width: 1200px; height: auto; min-height: 40px; float: left; margin-top: 30px; color: #666; font-size: 15px;}
.xiangqing_fanye a{ float: left; width: 100%;}
.chanpin_mingcheng{width: 100%;height: auto; line-height: 40px; color: #444; font-size: 22px; text-align: left; float: left;font-weight: bold;border-bottom: 1px solid #ececec;padding-bottom: 20px;padding-top: 6px;}
.chanpin_fenlei{width: 100%;height: auto; line-height: 40px; color: #444; font-size: 15px; text-align: left; float: left;font-weight:normal;border-bottom: 1px solid #ececec;padding-bottom:8px;padding-top: 6px;}
.chanpin_canshu{width: 100%;height: auto; line-height: 32px; color: #555; font-size: 18px; text-align: left;float: left; margin-top: 20px;padding-bottom: 40px;}
.chanpin_canshu p, .chanpin_canshu li, .chanpin_canshu ul, .chanpin_canshu h2, .chanpin_canshu h3, .chanpin_canshu h4, .chanpin_canshu h5, .chanpin_canshu h1, .chanpin_canshu dd, .chanpin_canshu dt, .chanpin_canshu dl{font-size: 16px;color: #555;line-height: 30px;}
.chanpin_xaizai{width: 100%;height: 44px; line-height: 44px; color: #444; font-size: 18px; text-align: left;float: left;}
.chanpin_xaizai a{  background: url(../images/xiazai.png) no-repeat #ddd 145px center; font-size: 15px; color: #444; text-align: center; line-height: 44px; height: 100%; display: block; width: 100%;}
.chanpin_xaizai a:hover{background: url(../images/xiazai_a.png) no-repeat #08148e 145px center; color: #fff;}
.jssora05l, .jssora05r {display: block;position: absolute;/* size of arrow element */width: 40px;height: 40px;cursor: pointer;background: url(../images/a17.png) no-repeat;overflow: hidden;}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
	        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px;}
.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%;border: none;}
.jssort01 .w { position: absolute; top: 0px;    left: 0px;    width: 100%;    height: 100%;}
.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 72px; height: 72px; border: none; box-sizing: content-box; background: url(../images/t01.png) -800px -800px no-repeat;    _background: none;}
.jssort01 .pav .c {top: 0px; left: 0px; width: 72px;height: 72px; border: none; background-position: 50% 50%;}
.jssort01 .p:hover .c { top: 0px;left: 0px; width: 72px; height: 72px; border: none; background-position: 50% 50%; cursor: pointer;}
.jssort01 .p.pdn .c { background-position: 50% 50%; width: 72px; height: 72px;  border: none;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}
#jssor_1 img{height: 475px; width: auto; text-align: center;display: inline-block;vertical-align: middle;display: table-cell; }
#jssor_1 .w img{height: 72px;}
.jssort01{background: #ececec !important;}
/*产品详情*/
.search placeholder{color: #fff;}
.search{color: #fff; font-family: 微软雅黑;}
.row{width: 100%; margin: 0 auto;}
.row .col-12{width: 273px; height: 303px; border: 1px solid #ddd; float: left; margin: 0 12px 50px;}
.card-body{width: 100%; height: 42px; float: left; text-align: center; line-height: 42px;}
.card-body h5{font-weight: normal; font-size: 16px;}
.row .col-12 .card-img-150 img{width: 100%; height: 100%；}
.row .col-12 .card-img-150{width: 100%; float: left; height: 306px;}
/*产品二三级导航*/
nav.navbar {
  margin-bottom: 0; width: 100%; float: left;  margin-top: 2px;
  border-bottom: 0;
  z-index: 2;
}
.about_z_2_a nav.navbar {
  margin-bottom: 0; width: 100%; float: left;  margin-top: 25px;
  border-bottom: 0;
  z-index: 2;
}
nav.navbar .navbar-header {
  float: none;
}
nav.navbar .navbar-header .container {
  padding-top: 27px;
  padding-bottom: 26px;
}
nav.navbar .navbar-header .container > .navbar-brand {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  height: auto;
}
nav.navbar .navbar-header .container > .navbar-brand > a {
  display: inline-block;
  vertical-align: middle;
}
nav.navbar .navbar-header .container > .navbar-phone {
  margin-top: 9px;
  float: right;
}
nav.navbar .navbar-collapse {
  position: relative;
  padding: 0;
}
nav.navbar .navbar-collapse .container > ul {
  width: 100%; text-align:center;
}
nav.navbar .navbar-collapse .container > ul > li {
  position: relative;
  text-align: center;
  width: 13.5%;
  padding: 0; display: inline-block; margin-top: 0px;
}
nav.navbar .navbar-collapse .container > ul > li a.act { color: #fff !important;background: #08148e !important; }
nav.navbar .navbar-collapse .container ul.drop-down li a.act { color: #08148e; background: #eee; }
nav.navbar .navbar-collapse .container > ul > li > a {
  padding: 11px 26px; background: #fff;
  font-size: 16px;
  font-family: Arial;
  color: #444;
  height: auto; display: block;
}
.about_z_2_a nav.navbar .navbar-collapse .container > ul > li > a {
  padding: 11px 26px; background: #ddd;
  font-size: 16px;
  font-family: Arial;
  color: #444;
  height: auto; display: block;
}
nav.navbar .navbar-collapse .container > ul > li > a span {
  font-size: 1.2rem;
}
nav.navbar .navbar-collapse .container > ul > li > ul {
  display: none;
  position: absolute;
  top: 43px;
  width: 100%; z-index: 999;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li {
  background: #eee;
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  height: 40px; width: 100%;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li a {
  color: #333; font-size: 14.5px;
  padding: 0;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #bae9d1;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li ul li {
  line-height: 45px;
  height: 45px;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li ul li a {
  color: #fff;
  padding: 0 30px;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li ul li:hover {
  background: #535151;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li ul li:hover a {
  background: url(../images/link.png) no-repeat right center;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li:hover {
  background: #ccc; color: #fff;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li:hover > a {
  background: url(../images/link.png) no-repeat right center;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li > ul > li:last-child {
  border-bottom: 0;
}
nav.navbar .navbar-collapse .container > ul > li:first-child > a {
  border-left: 0;
}
nav.navbar .navbar-collapse .container > ul > li:last-child > a {
  border-right: 0;
}
nav.navbar .navbar-collapse .container > ul > li:hover { color: #f02030; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li:hover > a {color: #fff; background: #08148e; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
nav.navbar .navbar-collapse .container > ul > li.active {
  background: #be131b;
}
nav.navbar .navbar-collapse .container > ul > li.active > a {
  border-right: 0;
}
nav.navbar .navbar-collapse:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0px;
  left: 50%;
  bottom: 0;
  transition: all 1.5s ease-in 1.5s;
}
nav.navbar .navbar-collapse.init:after {
  left: 0;
  width: 100%;
}
/*产品二三级导航*/
/*在线客服*/
@font-face { font-family: jdcfont; src: url(../fonts/jdcfont.eot); src: url(../fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../fonts/jdcfont.woff) format("woff"), url(../fonts/jdcfont.ttf) format("truetype"), url(../fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.jdc-side { display: none; position: fixed; right: 0px; bottom: 50px; z-index: 300; width: 52px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 44px;
background-size: 100%;
text-align: center; padding-top: 10px;
color: #f00;
font-size: 18px; }
.mod_hang_qrcode_show { display: none; position: absolute; right: 52px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.weixinkf { display: none; position: absolute; right: 52px; top: 0px; width: 168px; min-height: 130px !important; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); padding-bottom: 20px; }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.weixn_jjh { width: 124px; height: 130px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto;  }
.weixn_jjh img{width: 124px;}
.jdc_hang_qrcode .mod_hang_qrcode_show_bg {}
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 52px; height: 52px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 52px; height: 52px; margin: 2px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 2px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 52px; height: 52px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}
.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}
.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 52px; height: 52px; line-height: 52px; font-size: 26px; color: #fff; background-color: #e60012 }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px;  position: absolute; right: 52px; bottom: 10PX; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px; display: none;}
/*.mod_hang_appeal_show li {
*zoom:1;  }
*zoom:1;  }*/
/*.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box*/
.mod_hang_appeal_show li:hover { background: #f1f1f1; }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 245px; height: 150px; }
.mod_hang_appeal_show .icon_box { width: 50px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #777; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 15px; color: #444; line-height: 24px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 3px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 13px; color: #666;   }
.mod_hang_appeal_show .text_box a{color: #666;}
.mod_hang_appeal_show .text_box a:hover{color: #e62129;}
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 2px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 2px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }
/*在线客服*/
.top_z_right_4_zh{ width: 31PX; height: 31px; float: left;  font-size: 15px; line-height: 31px; text-align: center; margin-top: 9px; margin-left: 25px;}
.top_z_right_4_zh a{ width: 100%; height: 100%; display: block; color: #fff;border-radius: 16px;background: #08148e;}
.top_z_right_4_zh a:hover{ width: 100%; height: 100%; display: block; color: #fff; background: #999;}
.top_z_right_4_en{ width: 30PX; height: 30px; float: right;  font-size: 14px; line-height: 30px; text-align: center; margin-top: 9px; margin-left: 10px;}
.top_z_right_4_en a{ width: 100%; height: 100%; display: block; color: #08148e;border-radius: 16px; border: 1px solid #B9B9B9;}
.top_z_right_4_en a:hover{ width: 100%; height: 100%; display: block; color: #fff; background: #08148e;border: 1px solid #08148e;}
.top_z_right{ width: 361px; height: 48px; line-height: 48px; float: right;}
.top_z_right_1{ width: 130px; height: 48px; float: left; border-left:1px solid #eaeaea;}
.top_z_right_2{ width: 130px; height: 48px; float: left; border-left:1px solid #eaeaea;}
.top_z_right_3{ width: 130px; height: 48px; float: left; border-left:1px solid #eaeaea;}
.top_z_right_4{ width: 97px; height: 48px; float: right; border-left:1px solid #eaeaea;}
.search_bj{height:48px;position: relative; }
        .search_bj h5{ color:#646464;line-height: 48px; font-size: 14px;font-weight: normal; width:auto; float: left; padding-left: 27px; }
        .search_bj h5 a{ color:#646464;display: inline-block;padding:0 12px 0 0;}
        .search_bj h5 img{vertical-align: middle;margin-right: 3px;}
        .search_bj h5 i{ display: inline-block;position: relative;font-style:normal;}
        .search_bj h5 i span{display: block; top:30px;left: -30px;background:url(../images/code_bj.png) no-repeat; width:162px;height:156px; position: absolute;display: none;z-index: 2;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
        .search_bj h5 i span img{width:117px;height:117px;margin: 19px auto 0;display: block;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
        .search_bj h5 i:hover span{display: block; color: #08148e;}
.search_bj h5 i:hover{display: block; color: #08148e;}
.search_bj h5 a:hover{display: block; color: #08148e;}